<ion-header>
  <ion-navbar>
    <ion-buttons>
      <button ion-button (click)="closeModal()">关闭</button>
    </ion-buttons>
    <ion-title>选择债券代码</ion-title>
  </ion-navbar>
  <ion-row class='flow-list-searchbar'>
    <ion-col col-10>
      <ion-toolbar no-border-top>
        <ion-searchbar [(ngModel)]="keyWord" color="light" placeholder="债券代码/债券名称">
        </ion-searchbar>
      </ion-toolbar>
    </ion-col>
    <ion-col col-2>
      <button ion-button class="search-button" (click)="search()">查询</button>
    </ion-col>
  </ion-row>
</ion-header>
<ion-content>
  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content pullingText="下拉刷新" refreshingText="加载中...">
    </ion-refresher-content>
  </ion-refresher>
  <ion-list *ngIf="!isNoMoreData && dataList && dataList.length > 0">
    <div *ngFor="let data of dataList">
      <ion-item *ngIf="data.l_plan_no != '0'">
        <ion-label style="white-space: pre-wrap;">{{data.vc_stock_code}}|{{data.vc_stock_name}}</ion-label>
        <ion-radio value="data.vc_stock_no" (ionSelect)="radioSelected(data)"></ion-radio>
      </ion-item>
    </div>
  </ion-list>
  <ion-item-divider class='list-no-more-tips' color="light" [hidden]="isLoadMore">暂无更多数据...</ion-item-divider>
  <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="加载更多数据...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>
